﻿@charset "UTF-8";
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
img{width+:100%; max-width:100%; height:auto;}
.index_content {margin: 0 auto; height: auto; max-width:750px;min-width:320px;overflow-x: hidden;}
.item1{font-size:18px;}

.index_huodong img{max-width:100%;}

.mr3{margin:0 3%;}
/*.mr3 .introduce_content img{max-height:300px; height:auto !important; width:auto !important;}*/
/* banner 轮播切换 star */
#banner{position: relative;}
#banner .hd{position: absolute;width: 100%;text-align: center;bottom: 2%;left: 0;}
#banner .hd li{width: 0.2rem;height: 0.2rem;border:1px solid #fff;border-radius: 50%;display: inline-block;margin:0 4px;}
#banner .hd li.on{background: #9e5fd4;border-color:#9e5fd4; }
.plane{position: relative;margin:6% 4%;display: block;}
.plane span{display: block;width: 25%;position: absolute;right: -50%;top: 0;}
#ty_doctor{background: #e8e8f3;padding:4% 3%;}
#ty_doctor .swiper-slide dl{padding:0 0.15rem;}
#ty_doctor dl dd h3{font-size: 0.22rem;color:#000;}
#ty_doctor dl dd p{font-size: 0.2rem;color:#333;text-align: center;}
#ty_doctor dl dd strong{font-size: 0.2rem;color:#f5873d;font-weight: normal;display: block;}
#ty_doctor dl dd h3 span{display: inline-block;width: 22%;position: relative;top: 0.04rem;}


.index_mu1{padding-top:3%;}
.index_mu1 li{float:left; width:25%; text-align:center;}
.index_mu1 li img{max-width:60%;}

.index_mu2{padding-top:3%;}
.index_mu2 li{width:100%; text-align:center; position:relative;}
.index_mu2 li img{max-width:100%;}
.index_mu2 li .iMap1{display:block; position:absolute; width:26%; height:100%; left:1%; top:0;}
.index_mu2 li .iMap2{display:block; position:absolute; width:25%; height:100%; left:26%; top:0;}


.project_hot{overflow+: hidden;padding:4% 0 4%; }
.project_hot a {display: block;overflow:hidden;width: 20%;float: left;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;margin: 0 2.5% 2.5%;}

.project_hot a img {width:100%;}


.main1{}
.main1_h{position:relative;}
.main1 img{max-width:100%;}
.main1_hd{bottom:0px; position:absolute;}
.main1_hd{ width:100%; z-index:2; bottom:0; left:0; height:50px; line-height:50px; text-align:center;}
.main1_hd ul{ text-align:center; height:25px; padding-top:5px;  }
.main1_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px; background:url(../images/tg_flash_p.png) -15px 0; overflow:hidden; line-height:9999px; }
.main1_hd ul .on{ background-position:0 0; }




.project_hot a.on{ -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.index_hot{overflow: hidden;padding:6% 3% 2%;height: 1rem;background: #e1e1e1;margin-bottom: 6%;}
.index_hot .left{width: 24%;float: left;}
.index_hot .right { width: 70%;float: right; }
.index_hot .right .tg_scroll { width: 100%; overflow: hidden; }
.index_hot .right .tg_scroll ol li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 1.8;padding-bottom:3%;line-height: 1.6;}
.index_hot .right .tg_scroll ol li a{font-size: 0.24rem;}
.index_hot .right .tg_scroll ol li a span{color:#fff;background: #dc3171;padding:0 1%;}
.caseer{padding:0 3% ;display: block;}
.reality {position: relative;margin-top: 4%;padding: 0.5rem 0 0.3rem;}
.reality h3{font-size: 0.24rem;color:#333;background:url(../images/con2.jpg) no-repeat left center;background-size: 0.4rem;font-weight:normal;text-align: left;padding-left: 0.45rem;height: 0.4rem;line-height: 0.4rem;position: absolute;left: 3%;top: 0;}
#reality .reality_nav{width: 60%;overflow: hidden;position: absolute;left: 40%;top: 0;height: 0.51rem;line-height: 0.51rem;}
#reality .reality_nav ul li{font-size: 0.28rem;color:#000;text-align: center;}
#reality .reality_nav ul li.on{border-bottom:2px solid #9e5fd4 !important;}
#reality .reality_content{border-top: 1px solid #999}
.case_box ul li{padding: 5% 3% 0;}
.case_box ul li dl{overflow: hidden;}
.case_box ul li dl dt{float: left;}
.case_box ul li dl dd{float: left;margin-left: 5%; margin-bottom:5%}
.case_box ul li dl dd h4{font-size: 0.2rem;color:#333;text-align: left;;line-height: 1.8;padding-top: 0.15rem;}
.case_box ul li dl dd p{font-size: 0.15rem;}
.case_box ul li dl i{ float:right; color:#b2b3b5;font-size: 0.15rem; border:1px solid #b2b3b5; padding:1% 6%;border-radius:25px; margin-top:5%}
.case_box ul li p.p1{font-size: 0.22rem;color:#666;margin:2% 0;border-bottom:1px dashed #b6b6b6; padding-bottom:3%}
.swiper-container-horizontal>.swiper-pagination{bottom: -20%;}
.swiper-pagination-bullet-active{background: #943ebe !important;}
#reality .swiper-slide{height:16px !important;height:auto !important;}
.reality a.btn{display: block;background: #943ebe;font-size: 0.24rem;color:#fff;margin:4% 2% 0%;padding:1% 5%;border-radius: 0.5rem;text-align: center;    float: left;}
.introduce .introduce_nav{overflow: hidden;margin:3% 0 .1% 0;    clear: both;}
.introduce .introduce_nav li{width: 24.85%;float: left;margin-right: .2%;background: #b775d8;font-size: 0.24rem;color:#fff;padding:2% 0;text-align: center;}
.introduce .introduce_nav li:last-child{margin-right: 0;}
.introduce .introduce_nav li.on{background: #943ebe;}
.introduce .introduce_content{margin:0 ;    overflow: hidden;}
.introduce_content .swiper-container .swiper-slide {position: relative;margin-right: .2%; }
.introduce_content .swiper-container .swiper-slide span{display: block;width: 100%;height: 0.6rem;background: #000;opacity: 0.6;filter:alpha(opacity=60);position: absolute;left: 0;bottom: 0;}
.introduce_content .swiper-container .swiper-slide p{width: 90%;height: 0.5rem;color:#fff;position: absolute;left: 0;bottom: 0;padding:0 5%;text-align: center;line-height: 1.2;padding-top: 0.1rem;font-size: 0.2rem; font-size:.14rem}
.introduce_content  .swiper-container.cen .swiper-slide p{line-height: 0.4rem;}
.brand{display: block;margin+: 0 0 .9rem;}
.footer{width: 100%;height:1.26rem;background:url(/images/index/newindex/bg.jpg) no-repeat top center !important;background-size: 100%;margin:0 !important;padding:0 !important;position: fixed;bottom: 0;z-index: 999;overflow:visible !important;max-width: 750px;margin:0 auto;}
.footer .over{overflow: hidden;padding:0.1rem 0 0 40%;}
.footer .over a{float: left;width: 22%;margin-right: 12%;}
.footer .over a:last-child{margin-right: 0;}
.footer .over a span{display: block;text-align: center;color:#fff;font-size: 0.26rem;}
.footer a.act{position: absolute;width: 28%;left:5%;top: -0.5rem;}
.footer a.act span{display: block;width: 96%;position: absolute;left: 2%;top: 2%; -webkit-animation:xuan 30s infinite linear ; -moz-animation:xuan 30s infinite linear ;animation:xuan 30s infinite linear}
@-webkit-keyframes xuan {
    0%{
        
        -webkit-transform: rotate(0deg);
    }
    50%{
        -webkit-transform: rotate(180deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes xuan {
    0%{
        
        -moz-transform: rotate(0deg);
    }
    50%{
        -moz-transform: rotate(180deg);
    }
    100%{
        -moz-transform: rotate(360deg);
    }
}

.main1{}
.main1_h{position:relative;}
.main1 img{max-width:100%;}
.main1_hd{bottom:0px; position:absolute;}
.main1_hd{ width:100%; z-index:2; bottom:0; left:0; height:50px; line-height:50px; text-align:center;}
.main1_hd ul{ text-align:center; height:25px; padding-top:5px;  }
.main1_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px; background:url(../images/tg_flash_p.png) -15px 0; overflow:hidden; line-height:9999px; }
.main1_hd ul .on{ background-position:0 0; }


.mu2 img,.pic img{max-width:100% !important;}
.mu2 p,.pic{max-width:100% !important;}
.tyzj{ width:80%; background:#413647; padding:0 10%; margin-bottom:2%;float: left;}
.tyzj p{ text-align:center; color:#ffffff; font-size:20px; padding:2% 0}
.tyzj li{ width:25%; float:left; color:#ffffff; margin-bottom:2%}
.tyzj li i{ display:block; text-align:center; font-size:14px}
.tyzj li h4{ font-size:.22rem}
.tyzj li dd{ font-size:.14rem; display:block; text-align:center; padding:1%}
.mlpp{ width:100%; margin:0}

.switchBox, .slideBox{}
.ban dt, .slideBox dt{height:24px;}
.ban{ position:relative}
.ban dt{ position:absolute; bottom:.07rem; left:34%; width:25%; border-radius:.2rem;height:.25rem; padding:0 .1rem;}
.ban span{color:#ffffff;cursor:pointer;background-color: #413647;float:left;height:.15rem; width:.15rem; border-radius:1rem; margin:.05rem}
.ban span:nth-child(1){}
.ban dt .on, .slideBox dt .on{font-weight:bolder;background-color:#943ebe;}
.ban dt .active, .slideBox dt .active{background-color:#ffffcc;font-weight:bolder;}
.ban dt .on, .ban dt .active, .ban a:hover, .slideBox dt .on, .slideBox dt .active, .slideBox a:hover{color:#cc0000;}
.ban dt .fat{color:#0000ff;width:150px;}
.ban dt .fat:hover{color:#ffff00;}
.ban dd, .slideBox dd{display:none;height:auto;}
.ban li{margin-left:20px;list-style:square;}
#switchBox7{width:100%;}
.jxrj{}
.jxrj dd{ border:1px solid #b6b6b6; border-radius:25px; float:left; padding:1% 5%; font-size:.14rem}
.jxrj dl{ border:1px solid #b6b6b6; border-radius:25px; float:left; padding:1% 5%; font-size:.14rem;    margin-left: 5%;}
.jxrj p{ clear:both; padding-top:5%; font-size:.15rem; color:#999999; width:100%; float:left}
.jxrj p i{ display:block; float:left; margin-left:3%}
.jxrj p i img{ width:5%}
.reality111{ clear:both; border-bottom:1px solid #e5e5e5;float: left; padding-bottom:2%; width:100%;margin-bottom: 3%;}
.reality111 h3{font-size: 0.24rem;color:#333;background:url(../images/con2.jpg) no-repeat left center;background-size: 0.4rem;font-weight:normal;text-align: left;padding-left: 0.45rem;height: 0.4rem;line-height: 0.4rem;position: relative;left: 3%;top: 0; float:left}
.reality111 dt{ float:right; font-size:.16rem;height: 0.4rem;line-height: 0.4rem; margin-right:3%}
.reality222{ width:94%; float:left; padding:0 3%}
.reality222 li{ width:49.34%; float:left; margin-bottom:1%}
.reality2223{ background:#8b2eb8; color:#e4d5ed}



.tou a img,.ban img{ width:100%; display:block;}